import { useState } from "react";
import { FormPage, ReduxPage, RouterPage } from "./page/index";
import "./App.css"
function App() {
      let [show, setShow] = useState("Router");
      return (
            <div className="App">
                  <button onClick={() => setShow("Form")}>Form学习</button>
                  <button onClick={() => setShow("Redux")}>Redux学习</button>
                  <button onClick={() => setShow("Router")}>Router学习</button>
                  {show === "Form" ? <FormPage></FormPage> : null}
                  {show === "Redux" ? <ReduxPage></ReduxPage> : null}
                  {show === "Router" ? <RouterPage></RouterPage> : null}
            </div>
      );
}

export default App;
